/*全局*/
html{ font-size:13px; }
@media screen and (max-width:767px)
{
    html{ font-size:15px; }
}
body,input,select,textarea{ font-size:100%; font-family:Arial,Microsoft YaHei; color:#333333; }
body,form,dl,dd,ul,ol{ margin:0; padding:0; list-style:none; }
input,select,button,textarea,li,a,span{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
img{ border:0; }
a{ color:#333333; text-decoration:none; }
a:hover, a:active{ color:#000000; }
fieldset{ margin:10px 0; padding:10px; border:1px solid #E1E1E1; }
.big{ font-size:18px; }
.small{ font-size:12px; }
h1, h2, h3{ font-weight:normal; }
h1 a, h2 a, h3 a{ font-size:inherit; }

/*其它*/
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }
.radiu{ -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px; }
.shadow{ -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.2); box-shadow:0px 0px 4px rgba(0,0,0,0.2); }

/*控件*/
.text{ padding:5px; height:34px; line-height:24px; border:1px solid #E1E1E1; background:#FAFAFA; vertical-align:middle; }
.textbox{ padding:5px; border:1px solid #E1E1E1; background:#FAFAFA; }
.select{ padding:5px; height:34px; line-height:24px; border:1px solid #E1E1E1; background:#FAFAFA; vertical-align:middle; }
.text:focus,
.textbox:focus,
.select:focus{ border:1px solid #999999; background:#FFFFFF; }
.checkbox{ }
.radio{ }
.browse{ position:relative; padding:5px 10px; height:34px; line-height:24px; display:inline-block; vertical-align:middle; border:1px solid #E1E1E1; background:#FAFAFA; overflow: hidden; text-decoration:none; }
.browse:hover{ border:1px solid #999999; background:#FFFFFF; text-decoration:none; }
.browse input{ position:absolute; right:0; top:0; font-size:100px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; }
.btn{ padding:5px 10px; height:34px; line-height:24px; background:#F8F8F8; color:#777777; border:1px solid #E1E1E1; text-align:center; vertical-align:middle; display:inline-block; }
.btn:hover{ text-decoration:none; background:#F2F2F2; color:#777777; }
.btn:disabled{ cursor:not-allowed; }

.text.small,.select.small{ padding:3px; height:26px; line-height:20px; }
.browse.small,.btn.small{ padding:3px 6px; height:26px; line-height:20px; }

.text.big,.select.big{ padding:7px; height:42px; line-height:28px; }
.browse.big,.btn.big{ padding:7px 20px; height:42px; line-height:28px; }

/*下拉菜单*/
.drop-menu{ position:relative; display:inline-block; }
.drop-menu a:hover{ text-decoration:none; }
.drop-menu ul
{
    display:none;
    position:absolute;
    z-index:2;
    min-width:100%;
    background:#FFFFFF;
    border:1px solid #E1E1E1;
    padding:5px 0;
}
.drop-menu ul li{ display:block; float:none; margin:0; padding:0; }
.drop-menu ul li a{ display:block; float:none; margin:0; padding:5px 10px; white-space:nowrap; }
.drop-menu ul li a:hover{ background:#F4F4F4; }

/*红色危险*/
.btn-danger{ background:#E74C3C; color:#FFFFFF; border:1px solid #E43725; }
.btn-danger:hover{ background:#E43725; color:#FFFFFF; }
/*橙色警告*/
.btn-warning{ background:#F39C12; color:#FFFFFF; border:1px solid #E08E0B; }
.btn-warning:hover{ background:#E08E0B; color:#FFFFFF; }
/*绿色成功*/
.btn-success{ background:#29B765; color:#FFFFFF; border:1px solid #239A55; }
.btn-success:hover{ background:#239A55; color:#FFFFFF; }
/*浅蓝信息*/
.btn-info{ background:#24CABC; color:#FFFFFF; border:1px solid #20B4A8; }
.btn-info:hover{ background:#20B4A8; color:#FFFFFF; }
/*蓝色主要*/
.btn-primary{ background:#258CD1; color:#FFFFFF; border:1px solid #2077B2; }
.btn-primary:hover{ background:#2077B2; color:#FFFFFF; }

/*标注*/
.pop{ display:inline-block; padding:0 5px; height:16px; line-height:16px; vertical-align:text-top; text-align:center; font-style:normal; font-size:12px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; }
.pop-danger{ background:#E43725; color:#FFFFFF; }
.pop-warning{ background:#E08E0B; color:#FFFFFF; }
.pop-success{ background:#239A55; color:#FFFFFF; }
.pop-info{ background:#20B4A8; color:#FFFFFF; }
.pop-primary{ background:#2077B2; color:#FFFFFF; }
.pop-default{ background:#F2F2F2; color:#777777; }

/*文本*/
.text-left{ text-align:left; }
.text-right{ text-align:right; }
.text-center{ text-align:center; }

.text-default{ color:#777777; }
.text-primary{ color:#2077B2; }
.text-success{ color:#239A55; }
.text-info{ color:#20B4A8; }
.text-warning{ color:#E08E0B; }
.text-danger{ color:#E43725; }

/*背景*/
.bg-danger{ background:#E43725; color:#FFFFFF; }
.bg-warning{ background:#E08E0B; color:#FFFFFF; }
.bg-success{ background:#239A55; color:#FFFFFF; }
.bg-info{ background:#20B4A8; color:#FFFFFF; }
.bg-primary{ background:#2077B2; color:#FFFFFF; }
.bg-default{ background:#F2F2F2; color:#777777; }

/*表格*/
.over-scroll{ position:relative; overflow:auto; }
.table{ min-width:100%; border-collapse:collapse; }
.table-head{ padding:10px; text-align:center; border-top:2px solid #EEEEEE; border-bottom:1px solid #EEEEEE; background-color:#F8F8F8; font-weight:bold; white-space:nowrap; }
.table-item{ padding:10px; word-break:break-all; border-bottom:1px solid #EEEEEE; white-space:nowrap; }
.table-foot{ padding:10px; border-bottom:1px solid #EEEEEE; background-color:#F8F8F8; white-space:nowrap; }
.table tr:hover{ background-color:#F8F8F8; }

/*万能行*/
.row{ position:relative; float:left; width:100%; }
.row-left{ float:left; }
.row-right{ float:right; }
.row-body{ display:block; margin:auto; word-wrap:break-word; word-break:break-all; overflow:hidden; }

/*万能列*/
.column{ position:relative; float:left; }
.column-top{ display:block; }
.column-body{ display:block; }
.column-bottom{ display:block; }

/*响应可见*/
@media screen and (min-width:768px)
{
	.hidden-md{ display:none !important; }
}
@media screen and (max-width:767px)
{
    .hidden-xs{ display:none !important; }
}

/*响应列*/
.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1
{
    position:relative;
    float:left;
    padding:10px;
    vertical-align:top;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}
.col-md-12{ width:99.99%; }
.col-md-11{ width:91.66%; }
.col-md-10{ width:83.33%; }
.col-md-9{ width:75%; }
.col-md-8{ width:66.67%; }
.col-md-7{ width:58.34%; }
.col-md-6{ width:50%; }
.col-md-5{ width:41.65%; }
.col-md-4{ width:33.32%; }
.col-md-3{ width:24.99%; }
.col-md-2{ width:16.66%; }
.col-md-1{ width:8.33%; }

@media screen and (max-width:767px)
{
    .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1
    {
        position:relative;
        float:left;
        padding:5px;
        vertical-align:top;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
        box-sizing:border-box;
    }
    .col-xs-12{ width:99.99%; }
    .col-xs-11{ width:91.66%; }
    .col-xs-10{ width:83.33%; }
    .col-xs-9{ width:75%; }
    .col-xs-8{ width:66.67%; }
    .col-xs-7{ width:58.34%; }
    .col-xs-6{ width:50%; }
    .col-xs-5{ width:41.65%; }
    .col-xs-4{ width:33.32%; }
    .col-xs-3{ width:24.99%; }
    .col-xs-2{ width:16.66%; }
    .col-xs-1{ width:8.33%; }
}

/*表单*/
.form{ display:table; width:100%; border-collapse:collapse; }
.form-row{ display:table-row; }
.form-title{ display:table-cell; float:none; vertical-align:middle; padding:10px 0; text-align:right; font-weight:bold; white-space:nowrap; }
.form-title em{ color:#CC0000; margin-right:5px; }
.form-item{ display:table-cell; float:none; vertical-align:middle; padding:10px; }
.form-text{ display:table-cell; float:none; vertical-align:middle; padding:10px 0; }

.form-group{ display:table; border-collapse:separate; border-spacing:0; width:auto; }
.form-group-control{ display:table-cell; width:100%; }
.form-group-addon{ display:table-cell; width:1%; white-space:nowrap; }

@media screen and (max-width:767px)
{
    [class*="col-"].form-title{ float:left; padding:5px 0 0 0; text-align:left; }
    [class*="col-"].form-item{ float:left; padding:5px 0; }
    [class*="col-"].form-text{ float:left; padding:0 0 5px 0; }
}

/*分页*/
.pager{ margin:20px 0; text-align:center; }
.pager li{ display:inline-block; margin:0 2px; }
.pager li a{ display:inline-block; padding:5px 10px; border:solid 1px #E1E1E1; background:#FFFFFF; }
.pager li a:hover,.pager li.active a{ border:solid 1px #E1E1E1; background:#EEEEEE; text-decoration:none; }

/*标签页*/
.tab{ position:relative; }
.tab .nav{ float:left; border-bottom:solid 1px #E1E1E1; width:100%; }
.tab .nav li{ float:left; margin-right:2px; vertical-align:top; }
.tab .nav li a,
.tab .nav li a:hover
{ float:left; text-align:center; padding:10px; border:solid 1px #E1E1E1; border-bottom:none; background:#F8F8F8; outline-style:none; text-decoration:none; }
.tab .nav li a.flex-active{ margin-bottom:-1px; padding-bottom:11px; background:#FFFFFF; font-weight:bold; }
.tab .slides{ border:solid 1px #E1E1E1; border-top:none; padding:10px; clear:both; }
.tab .slides:after{ content:""; display:block; clear:both; }
.tab .slides .item{ position:relative; overflow:hidden; display:none; }

/*容器*/
.panel{ margin-bottom:10px; border:solid 1px #EEEEEE; }
.panel dt{ float:left; width:100%; padding:10px 0; border-bottom:solid 1px #EEEEEE; background-color:#F8F8F8; }
.panel dt strong{ float:left; margin-left:10px; }
.panel dt span{ float:right; margin-right:10px; }
.panel dd{ position:relative; padding:10px; overflow:auto; clear:both; }

/*幻灯片*/
.slider{ position:relative; z-index:2; }
.slider .slides{ }
.slider .slides li{ margin:0; padding:0; }
.slider .slides:after{ content:""; display:block; clear:both; }

.slider .flex-direction-nav{ position:absolute; width:100%; top:50%; margin-top:-16px; z-index:4; }
.slider .flex-direction-nav a{ position:absolute; width:32px; height:32px; line-height:32px; text-align:center; font-size:0px; outline-style:none; }
.slider .flex-direction-nav .flex-prev{ left:0; color:#000000; }
.slider .flex-direction-nav .flex-prev:before{ content:"\f104"; font-family:FontAwesome; font-size:48px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; }
.slider .flex-direction-nav .flex-prev:hover{ color:#CC0000; }
.slider .flex-direction-nav .flex-next{ right:0; color:#000000; }
.slider .flex-direction-nav .flex-next:before{ content:"\f105"; font-family:FontAwesome; font-size:48px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; }
.slider .flex-direction-nav .flex-next:hover{ color:#CC0000; }
.slider .flex-control-nav{ position:absolute; width:100%; left:0; bottom:0; text-align:center; z-index:3; }

.slider .flex-control-paging li{ display:inline-block; }
.slider .flex-control-paging li a{ display:block; width:32px; height:32px; line-height:32px; text-align:center; font-size:0px; cursor:pointer; outline-style:none; color:#000000; }
.slider .flex-control-paging li a:before{ content:"\f111"; font-family:FontAwesome; font-size:14px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; }
.slider .flex-control-paging li a:hover,
.slider .flex-control-paging li a.flex-active{ color:#CC0000; }

.slider .flex-control-thumbs li{ display:inline-block; margin:0 5px; }
.slider .flex-control-thumbs li img{ width:60px; height:60px; }
.slider .flex-control-thumbs li img.flex-active{ border:solid 1px #FFFFFF; }

/*文章*/
.article{ padding:0; }
.article .row-left{ padding:20px 10px; text-align:center; }
.article .row-left img{ display:block; }
.article .row-left h3{ margin:10px 0; }
.article .row-left p{ margin:5px 0; }
.article .row-body{ padding:20px 10px; }
.article .row-body h3{ margin:10px 0; }
.article .row-body p{ margin:5px 0; }

/*图片*/
.photo{ }
.photo .column-top h3{ margin:10px 0; }
.photo .column-top p{ margin:5px 0; }
.photo .column-body{ text-align:center; }
.photo .column-body img{ display:block; margin:0 auto; width:auto; height:auto; }
.photo .column-bottom{ text-align:center; }
.photo .column-bottom h3{ margin:10px 0; }
.photo .column-bottom p{ margin:5px 0; }

@media screen and (max-width:767px)
{
    .article .row-left{ padding:10px 5px; text-align:center; }
    .article .row-body{ padding:10px 5px; }
}